<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>景德镇陶瓷大学移动互联协会</title>
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
		<link href="http://cdn.bootcss.com/normalize/4.1.1/normalize.min.css" rel="stylesheet">
		<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
		<link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet" />

	</head>

	<body>
		<!--
        	移动端才会显示此导航栏
        -->
		<nav>
			<li>
				<a href="about.html">关于我们</a>
			</li>
			<li>
				<a href="work.html">作品展示</a>
			</li>
			<li>
				<a href="information.html">协会动态</a>
			</li>
			<li>
				<a href="techology.html">科技技术</a>
			</li>
			<li>
				<a href="member.html">协会成员</a>
			</li>
		</nav>
		<section class="index">
			<a href="about.html">
				<!--
        	移动端不会显示.circle-sm
        -->
				<div class="circle circle-sm" style="top:15%;left:30%;-webkit-animation-delay:.2s;animation-delay:.2s;">关于我们</div>
			</a>
			<a href="work.html">
				<div class="circle circle-sm" style="top:50%;left:20%;-webkit-animation-delay:.5s;animation-delay:.5s;">作品展示</div>
			</a>
			<a href="information.html">
				<div class="circle circle-sm" style="top:35%;right:20%;-webkit-animation-delay:.7s;animation-delay:.7s;">协会动态</div>
			</a>
			<a href="techology.html">
				<div class="circle circle-sm" style="bottom:5%;left:50%;-webkit-animation-delay:.9s;animation-delay:.9s;">科技技术</div>
			</a>
			<a href="member.html">
				<div class="circle circle-sm" style="top:15%;right:30%;-webkit-animation-delay:1.3s;animation-delay:1.3s;">协会成员</div>
			</a>
			<div class="circle" style="top:13%;left:36%;-webkit-animation-delay:.2s;animation-delay:.2s;"></div>
			<div class="circle" style="top:14%;left:30%;-webkit-animation-delay:.4s;animation-delay:.4s;"></div>
			<div class="circle" style="top:29%;left:42%;-webkit-animation-delay:.5s;animation-delay:.5s;"></div>
			<div class="circle" style="top:32%;left:48%;-webkit-animation-delay:.7s;animation-delay:.7s;"></div>
			<div class="circle" style="top:18%;left:40%;-webkit-animation-delay:.9s;animation-delay:1.4s;"></div>
			<div class="circle" style="top:32%;left:35%;-webkit-animation-delay:1s;animation-delay:1s;"></div>
			<div class="circle" style="top:29%;left:20%;-webkit-animation-delay:1.2s;animation-delay:1.2s;"></div>
			<img class="logo" src="images/logo.png" alt="Form Logo" style="position:absolute;top:25%;left:40%">
		</section>
		<section class="title">
			<div class="box">
				<h1>移协介绍</h1>
			</div>
			<div class="container">
				<div class="col-l">
					<h2>什么是移动互联网
</h2></div>
				<div class="col-r">
					<p>
						移动互联网，就是将移动通信和互联网二者结合起来，成为一体。是指互联网的技术、平台、商业模式和应用与移动通信技术结合并实践的活动的总称。4G时代的开启以及移动终端设备的凸显必将为移动互联网的发展注入巨大的能量，2014年移动互联网产业必将带来前所未有的飞跃。</p>
				</div>
				<hr>
				<div class="col-l">
					<h2>协会背景
</h2></div>
				<div class="col-r">
					<p>
						本协会是由景德镇陶瓷大学的移动互联网爱好者发起组织的，是一个以学生为主体的具有专业特色的学术科技型社团组织。本协会接受江西省陶瓷企业信息化工程技术研究中心、校团委的直接领导，以及社团联合会的监督，在宪法法律和校规校纪范围内开展工作。</p>
				</div>
				<hr>
				<p><b>
本协会以适应移动互联时代的发展，提高学生移动互联软件开发能力，丰富校园业余文化生活，普及移动互联软件知识，培养其对计算机编程的兴趣为宗旨；以扩展会员的电脑知识，培养会员的自我学习能力和动手操作能力，提高会员的核心竞争力，增加会员的就业机会为目的；以Web开发知识为基础，移动终端软件的应用开发为最高理念。
</b></p>
			</div>
		</section>
		<section class="title">
			<div class="box">
				<h1>部门介绍</h1>
			</div>
			<div class="container">
				<div class="column">
					<center><i class="fa fa-briefcase fa-5x" aria-hidden="true"></i>
						<h2>办公室</h2></center>
					<div class="info">
						<p>办公室是社团的一个重要部门，主要是负责起社团联合会的各种文件，负责社团的档案管理、内务整理、会议记录及卫生监督等方面的工作。是每月做好工作总结及社团的干部考核并向领导上报情况的一个机构。</p>
					</div>
				</div>
				<div class="column">
					<center><i class="fa fa-exchange fa-5x" aria-hidden="true"></i>
						<h2>交互部</h2></center>
					<div class="info">
						<p>交互，即交流互动，交互部围绕网页设计，以人的需求为导向，创造出形式，内容，行为，有用，易用的作品。</p>
					</div>
				</div>
				<div class="column">
					<center><i class="fa fa-paper-plane fa-5x" aria-hidden="true"></i>
						<h2>宣传部</h2></center>
					<div class="info">
						<p>宣传部是一个与各部联系紧密，基础又核心的部门。工作主要包括:新媒体运营，手绘及电子海报、Logo的设计与制作、活动现场的布置等，决定了宣传部工作的多样性。在平时的工作中，大家可以互相促进，互相学习，探讨和钻研共同的兴趣和爱好。</p>
					</div>
				</div>
				<div class="column">
					<center><i class="fa fa-comments fa-5x" aria-hidden="true"></i>
						<h2>策划部</h2></center>
					<div class="info">
						<p>策划部是为社团出谋划策的部门，部门涉及的方面包括活动详细划，活动材料总结，各部门任务分配，经费管理等各方面。策划部需要协调各个部门之间的关系，当协会需要组织集体活动时候，由于各个部门的职能有限，策划部便显示出它的生命力，将大家集合成一个整体，更成功的举办活动来吧。</p>
					</div>
				</div>
			</div>
		</section>
		<section class="title">
			<div class="box">
				<h1>移协骨干</h1>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-md-6">
						<div class="media">
							<a class="media-left">
								<img class="img-circle" src="images/avatar/105963773E5EF086244A8A49CA06A3601DC4435F.jpg" />
							</a>
							<div class="media-body">
								<span class="muted">指导老师</span>
								<h2>聂宇</h2>
								<p>你的读过书本的厚度，决定你人生的厚度，眉毛上的汗水，和眉毛下的泪水，你只能选一样。</p>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-md-6">
						<div class="media">
							<a class="media-left">
								<img class="img-circle" src="images/avatar/QQ图片20161102203304.jpg" />
							</a>
							<div class="media-body">
								<span class="muted">会长</span>
								<h2>余志坚</h2>
								<p>生活中放慢脚步，感受沿途的风景；学习的路上也可以放慢节奏，沉淀，踏实很重要！</p>
							</div>
						</div>
					</div>
				</div>

				<a class="more-button" href="member.html">所有</a>
			</div>
		</section>
		<section class="title">
			<div class="box">
				<h1>作品展示</h1>
			</div>
			<ul class="portfolio-grid">
				<!-- Thumbnail -->
				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://gczx.pasp.cn/">
						<img src="images/work/1.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>江西省陶瓷企业信息化工程技术研究中心</h4>
							</div>
						</div>
					</a>
				</li>

				<!-- Thumbnail -->
				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://gjyjs.jci.edu.cn/">
						<img src="images/work/2.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>高教所</h4>
							</div>
						</div>
					</a>
				</li>

				<!-- Thumbnail -->
				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://cxy.jci.edu.cn/">
						<img src="images/work/3.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>产学研</h4>
							</div>
						</div>
					</a>
				</li>

				<!-- Thumbnail -->
				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://www2.jci.edu.cn/hqjt/">
						<img src="images/work/4.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>后勤集团</h4>
							</div>
						</div>
					</a>
				</li>

				<!-- Thumbnail -->
				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://www2.jci.edu.cn/sbc/">
						<img src="images/work/5.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>资产管理处</h4>
							</div>
						</div>
					</a>
				</li>

				<!-- Thumbnail -->
				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://www2.jci.edu.cn/hqjt/sdcx/">
						<img src="images/work/6.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>教职工水电查询系统</h4>
							</div>
						</div>
					</a>
				</li>

				<!-- Thumbnail -->
				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://www.pasp.cn/">
						<img src="images/work/7.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>陶瓷云科技服务平台</h4>
							</div>
						</div>
					</a>
				</li>

				<!-- Thumbnail -->
				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://www.ccmall.cn/">
						<img src="images/work/8.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>中瓷商城</h4>
							</div>
						</div>
					</a>
				</li>

				<!-- Thumbnail -->
				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://design.ccmall.cn/">
						<img src="images/work/9.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>陶瓷产品云设计服务平台</h4>
							</div>
						</div>
					</a>
				</li>

				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://waibao.ccmall.cn/">
						<img src="images/work/10.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>陶瓷产品设计服务外包平台</h4>
							</div>
						</div>
					</a>
				</li>

				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://tcxycxy.ccmall.cn/">
						<img src="images/work/11.png" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>陶瓷艺术设计版权交易平台</h4>
							</div>
						</div>
					</a>
				</li>

				<li class="thumbnail mix mix_all category_4">
					<a target="_blank" href="http://clgc.jci.edu.cn/">
						<img src="images/work/work1.jpg" alt="thumbnail">
						<div class="projectinfo">
							<div class="meta">
								<h4>材料学院</h4>
							</div>
						</div>
					</a>
				</li>

			</ul>
			<!-- END -->
			<center>
				<h1>关注我们</h1></center>
			<section class="follow-us">

				<div class="col-1-2" id="weixin">
					<div class=" expand-circle expand-weixin"></div><img class="img-center" src="images/qrcode/weixin.jpg"></div>
				<div class="col-1-2" id="weibo">
					<div class=" expand-circle expand-weibo"></div><img class="img-center" src="images/qrcode/weibo.png"></div>
			</section>
			<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
			<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
			<script>
				$(document).ready(function() {
					$(window).resize(function() {
						$(".index").css("height", $(window).height());
					}).resize();
					var year = new Date();
					$("#year").html(year.getFullYear());
				});

				$("#weixin").hover(function() {
					$(".expand-weixin").addClass("expand");
				}, function() {
					$(".expand-weixin").removeClass("expand");
				});
				$("#weibo").hover(function() {
					$(".expand-weibo").addClass("expand");
				}, function() {
					$(".expand-weibo").removeClass("expand");
				});
			</script>
			<center>
				<h5>Copyright © 2015 - <span id="year"></span> 景德镇陶瓷大学移动互联协会 All Rights Reserved.</h5></center>
	</body>

</html>